<!DOCTYPE html>
<!-- <html lang="en"> -->
<!-- http://www.cnblogs.com/laneyfu/p/4191295.html -->
<html>
<head>

<meta charset="utf-8">
<title>HTML5 Demo</title>
<meta name="author" content="PING" />
<meta name="keywords" content="网站建设">
<meta name="description" content="案例">

<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="libs/css/global_ping.css">

<!-- Vue.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.2.1/vue-resource.min.js"></script>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">

<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css">
<style type="text/css">
    .hh{
        font-size: 5rem;
    }
</style>
<script type="text/javascript">
// 添加缓存 from memory cache
var aaa = document.getElementsByClassName('aaa')[0];
var h11 = document.getElementsByTayName('h1');
var hh1 = " <h1 class="hh">h1内容</h1> ";


$("<h1 class=\"hh\">h1内容</h1>").insertBefore("#aaaa");

//console.log(h11);
//aaa.appendChild(hh1);
//console.log(h1);
/*

        if ( h1.length == 0 ) {
            aaa.appendChild(hh1);

        } else {
            aaa.insertBefore(hh1,h1[0]);
        };
*/
</script>

</head>    
    <body>

        <div class="aaa" id="aaaa">
            
        </div>

    </body>

</html>